
/* 表单内文字 */
form label{
    font-size: 16px !important;
	color: #000000;
}

/* 输入框 */

article main form input{
    border-radius: 10px !important;
	background-color: #EEEEEE  ; 
}
 
/* 列表页外层 */

article main .el-table{
    border-radius: 20px !important;
}


/* 注册登陆忘记密码页 */
.sign_in {
    /* 界定盒子大小即为边框大小 */
    box-sizing: border-box;
    /* 高度为可视化 */
    height: 100vh;
    /* 内边框 */
    padding: .5rem;
    /* 宽度 */
    width: 100% !important;
    /* 背景图片 */
  background: url(../img/bg.jpg) no-repeat !important;
    /* 背景图大小 */
    background-size: 100%  100% !important;
}

/* 登录页  登录框 注册框 忘记密码框*/

#app .sign_in .form {
    /* 圆角边框 */
    border-radius: 0px !important;
    /* 边框 */
    border: none ;
    /* 边框阴影 */
  /* box-shadow: -10px -10px 20px #80d6ff !important; */
    /* 外边距 */
    margin: 150px auto auto auto !important;
    /* 内边距 */
    /* padding: 10px 10px 10px 10px; */
    /* 内部字体颜色 */
    /* color: #00A4FF; */
    /* 盒子透明度 */
    opacity: 1;
    /* 背景颜色 */
    background-color: #ffffffb0 !important;
    /* 宽度 */
    width: 800px !important;
    /* 高度 */
    /* height: 400px !important; */
	max-width: 33rem !important;
	min-height: 500px !important;
	padding: 30px 0px 0px 0px !important;
}

/* 登录页  登录框 注册框 忘记密码框 顶部标题*/

.sign_in .form h1 {
    /*文字摆放位置*/
    text-align: center !important;
    /* 文字大小 */
    font-size: 29px !important;
   font-weight: 600 !important;
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color: #596e79;
    /* 外边距 */
   margin: 20px 0px;
   font-family: "Times New Roman", "Courier New", monospace !important;
   margin-bottom: 40px;
}
.sign_in .form .el-form-item{
	margin-bottom: 40px;
}
/* 登录页  登录框 注册框 忘记密码框 input框左侧label字体样式*/

.sign_in .form label,.sign_in .geetest_box_title {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    font-size: 17px !important;
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color: #596e79;
	width: 100px !important;
}
.sign_in .geetest_box_title {
	text-align: center;
}
.sign_in .geetest_box_title::after{
	content: '：';
}
.login_conter .btns{
	display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
}
.sign_in .lg_login{
	width:80% !important;
	margin: 10px auto;
}

/* 登录页  登录框 注册框 忘记密码框 input框样式*/

.sign_in .form input {
    /* 圆角边框 */
  border-radius: 10px !important;
/*  border: 1px solid #ff5722 ; */
    /* 边框阴影 */
    /* box-shadow: 0px 0px 20px 10px #ccc; */
    /* 外边距 */
    /* margin: 10px 10px 10px 10px; */
    /* 内边距 */
    /* padding: 10px 10px 10px 10px; */
    /* 内部字体颜色 */
    /* color: #edf798; */
    /* 盒子透明度 */
    /* opacity: 0.8; */
    /* 背景颜色 */
    background-color: #eeeeee !important;
    /* 宽度 */
    /* width: 100px; */
    /* 高度 */
    /* height: 100x; */
    /*文字摆放位置*/
    /* text-align: center !important; */
}
/* 登录 注册按钮 */
.sign_in .el-button{
	/* 按钮内字体颜色 */
		  color: #f0ece2 !important;
		  /* 字体大小 */
		  font-size: 16px !important;
		  /* 字体加粗 */
		  font-weight: 400 !important;
		  /* 圆角 */
		  border-radius: 10px !important;
		  /* 背景图 */
		background-image: none !important;
		  /* 背景图大小 */
		 background-size: 100% 100% !important;
		  /* 边框 */
		  border: 0px solid #DCDFE6 !important;
		  /* 背景颜色 */
		 background-color: #a993dc !important;
		/* margin-left: 25px; */
}
/* 登录页  登录框内忘记密码字体样式*/

/* 需要在login.vue文件夹下的 ‘忘记密码’位置加上 class="forgetthepassword" 类名 方可生效 */
.register_wrap .float-right,.forgot_wrap .float-right{
	float: none;
	position: relative;
	left: 35%;
}

.timess{
	display: none;
}
/* 登录页  忘记密码框内 取消 字体样式*/

/* 需要在forgot.vue文件夹下的 ‘取消’位置加上 class="countermand" 类名 方可生效 */

/* vue后台列表 外框背景色 ////////////////////////*/
.bg{
	background-color: #fff!important;
}
/* //////////////////// */
.sign_in .countermand {
   color: #f06868 !important;
     /* 字体大小 */
     font-size: 18px !important;
     /* 字体加粗 */
    font-weight: 400 !important;
     /* 圆角 */
 /*    border-radius: 10px !important; */
   
    /* border: 1px solid #DCDFE6 !important; */
     /* 背景颜色 */
   background-color: #eeeeee !important;
	
}
.sign_in .btns:last-child{
	color: #596e79;
}
/* 登录页忘记密码 */
.el-breadcrumb .el-breadcrumb__inner span{
	color: #596e79 !important ;
}
.forgot_wrap .btns:last-child{
    /* 文字大小 */
    font-size: 16px !important;
    /* 字体加粗 */
    font-weight: 400 !important;
    /* 下划线 */
   
    /* 文字颜色 */
    color:#222;
	/* background-color: #C7B198; */
	height: 38px;
	     width: 160px;
	     margin-left: 136px;
	line-height: 38px;
	margin-top: 2px;
	border-radius: 10px;
}

/* 忘记密码页发送验证码按钮 */

.el-input-group__append, .el-input-group__prepend{
    /* 背景颜色 */
   /* background-color: #80d6ff !important; */
    /* 边框 */
    border: 0px solid #DCDFE6 !important;
}

/* --------------------------------------------------------------- */

.action_left{
	background-color: #fff;
}
.action_center{
	background-color: #d2cbdd;
	font-size: 20px;
font-family: "DM Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
   /* font-size: 18px; */
    color: #1C1D1D;
}
.action_left .btn_menu{
	color:  #a993dc;
}
.action_right{
	background-color: #a993dc;
}
/* 右侧内容区 */

#app .page article{
    /* 背景颜色 */
    background-color: #ffffff;
}

#app .page article .table_wrap{
	background-color: #fff !important;
}
/* 左侧导航栏 选中后的样式 样式  */

#app .page .side .li {
    /* 背景颜色 */
    background-color: #80d6ff !important;
}

/* 左侧导航栏 选中后文字及图标样式 样式  */

#app .page .side .el-icon-s-home {
   
}
/* 左侧导航栏颜色 */
#app .page .side {
    /* 背景颜色 */
    background-color: #fff !important;
    /* 边框 */
    /* border-right: 2px solid #596e79; */
}
/* 导航栏首页盒子 */
#app .page .side .el-menu-item{
	border-radius: 0px  !important;
background-color:#fff!important;
color: #333 !important;
border: 1px dashed #a993dc;

	}

/* 导航栏主类背景色 */
#app .page .side .el-submenu__title{
 background: url(../img/11.png) no-repeat !important;
    /* 背景图大小 */
    background-size: 100%  100% !important;
	height: 60px  !important;
	padding-top: 10px;
	
}
/* 导航栏主类文字样式 */
#app .page .side .el-submenu__title span{
	color: #a993dc !important;
	font-size: 17px;
	/* font-weight: 600; */
	
}
 
/* 导航栏子类外框背景色 */
#app .page .side .el-submenu .el-menu {
	  background-color: #fff !important;
}

/* 左侧导航栏选中文字样式 */


#app  .side .el-menu-item.active,#app  .side .el-menu-item.is-active {
 display: block;
 background-color:#a993dc !important;
 color:  #fff  !important;
 font-size: 1rem;
 /* font-weight: 600; */
  
}
#app  .side .el-menu-item.sactive {
    border-radius: 0px !important;
    background-color: #fff!important;
    color: #333 !important;
    border: 1px dashed #a993dc;
}

/* 左侧导航栏盒子内分支导航样式 */

#app .page .side .el-submenu li{
	color: #333333 !important;
 border-radius: 10px !important;
  /* 下外边距 */
 margin: 5px;

}

/* 左侧导航栏 首页图标 样式  */
#app .page .side .el-icon-s-home {

   color: #f0ece2 !important;
   /* display: none; */
}


/* 左侧导航栏 未选中时图标样式  样式  */
#app .page .side i {
    
    color: #f1e2aa;
	/* display: none; */
}
/* 左侧导航栏缩进 菜单外盒子 */
.el-menu--vertical {
    /* 背景颜色 */
    background-color: #fff !important;
}
/* 左侧导航栏缩进 菜单内盒子 */
.el-menu--vertical .el-menu{
background-color: #fff !important;	


}
.el-form--label-right{
	background-color: #f3eff9;
	margin-bottom: 10px;
}
/* 左侧导航栏缩进 菜单单条盒子 */
.el-menu--vertical .el-menu-item{
	/* 背景颜色 */
	background-color: #fff  !important;
	   /* 下边框 */
	/*   border-bottom: 3px solid #f06868; */
	   /* 圆角 */
	 /* border-radius: 1.25rem; */
	   /* 下外边距 */
	color: #333333 !important;
	border-radius: 10px !important;
	 /* 下外边距 */
	margin: 5px;
	border: 1px dashed #a993dc !important;
	  /* 边框 */
}
/* 鼠标点击以后样式 */
.el-menu--vertical .el-menu-item:hover{
  background-color: #a993dc !important;
  color:  #FFFFFF  !important;
  font-size: 1.25rem;
}

.item-ltb{
	display: none;
}
#app .el-col-8{
	width: 50%;
}
/*  顶部栏 样式 */

#app header {
    /* 背景颜色 */
    background-color: #EAE1D1 !important;
    /* 盒子透明度 */
    border: 1px solid #222
}

/*  顶部栏内 左边图标样式 */

#app header .action_left .el-icon-menu {
   
}
/*  顶部栏内 左边图标样式  点击后样式*/
/* #app header .action_left .el-icon-s-grid{
	 color: #FF6666;
} */
/*  顶部栏内 右边头像样式 */

#app header .action_right .el-dropdown .el-avatar {
    /* 圆角边框 */
    border-radius: 20% !important;
   
}

/*  顶部栏内 右边用户id字体样式 */

#app header .action_right .el-dropdown span:nth-child(2) {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    /* font-size: 50px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    color: #303841;
}

/* ---------------------------------- */

/* 首页 ‘欢迎使用后台管理系统’ 字体样式 */

#root_index .container-fluid .root_index_title {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
  /*  font-size: 100px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    /* color: #0000FF; */
}

/* 首页 订单展示框 样式 */

#root_index .container-fluid .card {
    /* 圆角边框 */
    border-radius: 20px !important;
    /* 边框阴影 */
    /* box-shadow: 0px 0px 20px 10px #ccc; */
    /* 外边距 */
    /* margin: 10px 10px 10px 10px; */
    /* 内边距 */
    /* padding: 10px 10px 10px 10px; */
    /* 内部字体颜色 */
    /* color: #00A4FF; */
    /* 盒子透明度 */
    /* opacity: 0.8; */
    /* 背景颜色 */
    background-color: #EEEEEE !important;
	border: 1px solid #00adb5;
    /* 宽度 */
    /* width: 100px; */
    /* 高度 */
    /* height: 100x; */
}

/* 首页 订单展示框 字体样式 */

#root_index .container-fluid .card div {
    /*文字摆放位置*/
    /* text-align: left !important; */
    /* 文字大小 */
    /* font-size: 50px !important; */
    /* font-weight: 600; */
    /* 字体倾斜 */
    /* font-style:oblique; */
    /* 下划线 */
    /* text-decoration:underline; */
    /* 下划线颜色 */
    /* text-decoration-color: #00a4ff; */
    /* 文字颜色 */
    /* color: #0000FF; */
}

/*----------------------------------------------------------------------  */
/* 列表页  查询字段名称 文字样式*/
.el-form-item__label{
	/* 颜色 */
	/* color: #303841 !important; */
	/* 字体大小 */
	font-size: 16px !important;
	width: 120px !important;
	text-align: center !important;
	padding-right: 5px  !important;
	}
.el-form-item__label::after{
	content: '：';
}
	/* 测试 */
	/* .dome_but button{
		background-color: #f2ff9b !important;
	}
	 */.el-main .el-image{
	 width: 100%;
	 height: 100%;
 }
 .el-avatar.el-avatar--circle img{
	 width: 100%;
	 height: 100%;
 }
	
 #app .table_wrap .search_btn_find, #app .table_wrap .search_btn_find:hover{
	background-color: #EDA62A !important;
	color: #ffff;
	border: none;
}
.table_wrap .search_btn_reset,.table_wrap .search_btn_reset:hover{
	background-color: #7da87b !important;
	color: #ffff;
	border: none;
}

 #app .table_wrap .search_btn_add, #app .table_wrap .search_btn_add:hover{
 	background-color: #596e79 !important;
 	color: #ffff;
 	border: none;
 }
 .table_wrap .search_btn_del,.table_wrap .search_btn_del:hover,.el-button--danger{
 	background-color: #a993dc !important;
 	color: #ffff;
 	border: none;
 }
 .is-plain.el-button--success{
	 background-color: #596e79 !important;
	 color: #ffff !important;
	 border: none;
 }
 .el-button.el-button--small.is-plain{
	background-color: #7da87b;
	color: #ffff;
	border: none; 
 }
 .el-button.is-plain.el-button--primary{
	 margin-left: 2px;
	 background-color:#a993dc ;
	 color: #ffff;
	 border: none;
 }
 .el-form-item--feedback .el-button--primary,.el-form-item__content .el-button--primary{
	 background-color: #596e79 !important;
	 color: #ffff !important;
	 border: none;
	

 }
 
.el-form-item--feedback .el-button--default,.el-form-item__content .el-button--default{
	 background-color: #7da87b !important;
	 color: #ffff !important;
	 border: none;
	margin-right: 5px !important;
 }
 #user_password .el_form_btn_warp .el-button--primary{
	 background-color: #596e79 !important;
	 color: #ffff !important;
	 border: none;
	
width: 100px !important;
float: right !important;
 }
 #user_password  .el_form_btn_warp .el-button--default{
 	 background-color: #7da87b !important;
 	 color: #ffff !important;
 	 border: none;
	 width: 100px !important;
	 float: left !important;
	 margin-left: 3px !important;
  }
  .el-form-item__content{
	 display: flex;
	 flex-direction: row;
	 
  }
  .search_btn_wrap_1 {
	  width: 100% !important;
  }
  .geetest_box .el-input{
	  margin-left: 0px !important;
  }
  .search_btn_wrap_1,.search_btn_1{
	  display: flex;
	  flex-direction: row;
	      flex-wrap: wrap;
	      justify-content: center;
  }
  .search_btn_1{
	  width: 100% !important;
  }
  .search_btn_reset,.search_btn_print,.search_btn_derive {
	  margin-right: 5px  !important;
  }
  .el-button--success {
  	  margin-left: 10px  !important;
	  margin-right: 10px  !important;
  }
  .el_form_editor_warp {
	  padding-bottom: 50px !important;
	  margin-top: 50px !important;
  }
  .cell .e-button{
	
	  background-color: #7da87b !important;
	  color: #fff !important;
	  margin: 2px !important;
	  padding: 10px !important;
  }
   .cell{
	
	       display: flex;
	       flex-direction: column;
	       flex-wrap: wrap;
	       align-items: center;
		   justify-content: center;
   }
   .el-table__header th{
	   text-align: center !important;
   }
   .form .el-input{
	   width: 90% !important;
   }